// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token变量
import { baseUrl } from '@/config'
import { easyHttp } from '../http/refresh_request.js'
import store from '@/store'
import { authNav } from '../checkAuth'
const install = (Vue, vm) => {
	// 此为自定义配置参数，具体参数见上方说明
	Vue.prototype.$axios.http.setConfig({
		baseUrl,
		dataType: 'json',
		showLoading: true, // 是否显示请求中的loading
		loadingText: '请求中...', // 请求loading中的文字提示
		loadingTime: 800, // 在此时间内，请求还没回来的话，就显示加载中动画，单位ms
		originalData: false, // 是否在拦截器中返回服务端的原始数据
		loadingMask: true, // 展示loading的时候，是否给一个透明的蒙层，防止触摸穿透
		// 配置请求头信息
		header: {
			'content-type': 'application/json;charset=UTF-8'
		},
		// options - 即为上一次请求的所有的config配置
		// instance - 即为原先的requeset实例 -> token已经被更新，所以可以继续使用
		errorHandle: async (err, { options, instance }) => {
			if (err.statusCode === 500 && err.data.code === 401) {
				try {
					const { code, token } = await easyHttp({
						method: 'POST',
						url: baseUrl + '/public/refresh'
					}, {
						header: {
							Authorization: 'Bearer ' + uni.getStorageSync('refreshToken')
						}
					})
					if (code === 200) {

						//refreshToken请求成功
						//1.设置全局的token
						store.commit('setToken', token)
						//2.重新发起请求
						const newResult = await instance.request(options)
						return newResult
					}
				} catch (error) {
					//代表refreshToken已经失效
					//清除本地的token
					store.dispatch('logout')
					//导航到用户的登陆页面
					authNav(title = "登录已过期,请重新登登录!")
				}
			} else {
				uni.showToast({
					title: '请求异常，请重试',
					icon: 'none',
					duration: 2000
				})
			}
		}
	})

	// 请求拦截，配置Token等参数
	Vue.prototype.$axios.http.interceptor.request = (config) => {
		//引用token
		//1.在头部请求的时候,token带上->请求拦截器
		const publicArr = [/\/login/]
		//local store -> uni.getStorageSync('token')
		let isPublic = false
		publicArr.forEach(path => {
			isPublic = isPublic || path.test(config.url)
		})
		const token = uni.getStorageSync('token')
		if (!isPublic && token) {
			switch(config.method){
				case 'GET':
					config.header.Authorization = 'Bearer ' + token
					break
				case 'POST':
					config.data = Object.assign(config.data,{
						headers:{
							Authorization:'Bearer ' + token
						}
					})
					break
			}
			
		}
		return config;
		// 如果return一个false值，则会取消本次请求
		// if(config.url==='/user/rest') return false; // 取消某次请求
	}

	// 响应拦截，判断状态码是否通过
	Vue.prototype.$axios.http.interceptor.response = (res) => {
		return res
	}
}

export default {
	install
}